<!DOCTYPE html>
<html>
    <head>
        <title>Auto Image Silder</title>
        <link rel="stylesheet" href="lunb/jj.css">
        <script src="lunb/1.js" type="text/javascript"></script>
    </head>
    <body>
        <a>
            <span>力扣 </span>
            <span>学习 </span>
            <span>题库 </span>
            <span>竞赛 </span>
            <span>讨论 </span>
            <span>求职 </span>
            <span>商店</span>
            


        </a>
        <div id="slider">
            <ul class="slieder-item-container">
                <li><a href="#"><img src="images/1.jpg" /></a></li>
                <li><a href="#"><img src="images/2.jpg" /></a></li>
                <li><a href="#"><img src="images/3.jpg" /></a></li>
                <li><a href="#"><img src="images/4.jpg" /></a></li>
                
            </ul>
            <div class="arrow-container">
                <span class="left-arrow"></span>
                <span class="right-arrow"></span>
            </div>
            <div class="indicator-container">
                <span class="indicator active"></span>
                <span class="indicator"></span>
                <span class="indicator"></span>
                <span class="indicator"></span>
                
            </div>
        </div>
    </body>
</html>